.spinner {
    width: 40px;
    height: 40px;
    margin: 30px auto;

    background-color: var(--color-accent-solid);
    border-radius: 100%;

    -webkit-animation: sk-scaleout 1s infinite ease-in-out;
    animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 0;

        -webkit-transform: scale(1);
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        opacity: 0;

        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
